<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" charset="utf-8" />
	<meta name="author" content="Bui Anh Khoa" />
    <link href="../css/screen.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="../css/print.css" media="print" rel="stylesheet" type="text/css" />
	<title>JQuery test</title>
    <script>
        var base_url = "http://jquery.localhost/validateform";
    </script>
</head>

<body>
<form class="frmGeneral frmOrder" name="frmOrder" id="formOrder" method="post" action="/restaurant/search?cl=hcm-gb">
                            <h2>Start your order</h2>
                            <p>
                                <label for="txtFavourite">Favourite</label>
                                <span class="uiElmForm inpType-1">
                                    <span>
                                        <input type="text" value="" name="txtFavourite" id="txtFavourite">
                                    </span>
                                </span>                                
                            </p>
                            <p>
                                <label>Cuisine</label>
                                <span class="uiElmForm inpTypeSelect-2">                                
            <select class="hidden" id="lstCuisine" name="lstCuisine">
    <option label="Select Cuisine" value="0" class="dropdownlist-option">Select Cuisine</option>
    <option label="Indian" value="5" class="dropdownlist-option">Indian</option>
    <option label="Sushi" value="4" class="dropdownlist-option">Sushi</option>
    <option label="Thai" value="3" class="dropdownlist-option">Thai</option>
    <option label="Pizza" value="2" class="dropdownlist-option">Pizza</option>
    <option label="Chinese" value="1" class="dropdownlist-option">Chinese</option>
</select> 
                            
                                   
                                    <input type="text" id="txtCuisine" value="Cuisine" readonly="readonly">
                                    <a href="javascript:void(0)" title="Select Cuisine">&nbsp;</a>
                                </span>                               
                                <label class="lblDistrict">District</label>
                                <span class="uiElmForm inpTypeSelect-2">
<select class="lstDistrict hidden" id="lstDistrict" name="lstDistrict">
    <option label="Select District" value="0" class="dropdownlist-option">Select District</option>
    <option label="Binh Thanh" value="3" class="dropdownlist-option">Binh Thanh</option>
    <option label="Tan Binh" value="2" class="dropdownlist-option">Tan Binh</option>
    <option label="Phu Nhuan" value="1" class="dropdownlist-option">Phu Nhuan</option>
</select>                                
                               
                                    <input type="text" id="txtDistrict" value="Binh Thanh" readonly="readonly">
                                    <a href="javascript:void(0)" title="Select District">&nbsp;</a>
                                </span>                               
                            </p>
                            <p>
                                <button value="Search" title="Search" class="btnType-1" type="submit" name="btnSearch">
                                    <div class="btn"><img alt="" src="/images/dummy.gif" class="btn btnLeft">Search<img alt="" src="/images/dummy.gif" class="btn btnRight"></div>
                                </button>
                            </p>
                        </form>

<script type="text/javascript" src="lib.js"></script>
<script type="text/javascript" src="l10n.js"></script>
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="start.js"></script>
</body>
</html>